
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>商城 - 首页</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="scripts/function.js"></script>
<style>
.scroll_div {width:600px; height:62px;margin:0 auto; overflow: hidden; white-space: nowrap; background:#ffffff;}
.scroll_div img {width:120px;height:60px;border: 0;margin: auto 8px; border:1px #efefef solid;}
#scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li{display:inline;}
</style>
<style>
.scroll_div {width:500px; height:100px;margin:0 auto; overflow: hidden; white-space: nowrap; background:#ffffff;}
.scroll_div img {width:120px;height:100px;border: 0;margin: auto 8px; border:1px #efefef solid;}
#scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li{display:inline;}
</style>
<script language="javascript">

	function ScrollImgLeft(){
		var speed=20
		var scroll_begin = document.getElementById("scroll_begin");
		var scroll_end = document.getElementById("scroll_end");
		var scroll_div = document.getElementById("scroll_div");
		scroll_end.innerHTML=scroll_begin.innerHTML
		function Marquee(){
			if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0)
				scroll_div.scrollLeft-=scroll_begin.offsetWidth
			else
				scroll_div.scrollLeft++
		}
		var MyMar=setInterval(Marquee,speed)
		scroll_div.onmouseover=function() {clearInterval(MyMar)}
		scroll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
	}
	function selectname(){
		var name = document.getElementById("selectname").value;
		location.href='selectProductList?name='+name;
	}
	function searchHot(name){
		location.href='selectProductList?name='+name;
	}
</script>


</head>
<body>
<div class="zl-header">
	<div class="zl-hd w1200">
		<p class="hd-p1 f-l">
			Hi!您好，欢迎来到商城
		</p>
		<p class="hd-p2 f-r">
			<c:if test="${name!=null}"><a href="selectdd?dd=${name.EU_USER_ID }">个人订单</a><span>|</span></c:if>
			<c:if test="${name!=null}">当前用户${name.EU_USER_ID }<span>|</span></c:if>
			<a href="ShopSelect" class="shopping">购物车</a><span>|</span>
			<c:if test="${name==null}"><a href="login.jsp">登录</a>|<a href="register.jsp">注册</a></c:if>
			<c:if test="${name!=null}"><a href="zx">退出</a></c:if>
			<c:if test="${name.EU_STATUS==2}"><a href="manage/index.jsp" >去后台</a></c:if>
		</p>
		<div style="clear:both;"></div>
	</div>
</div>
<div class="logo-search w1200">
	<div class="logo-box f-l">
	</div>
	<div class="erweima f-r">
	</div>
	<div class="search f-r">
		<div class="search-info">
			<input type="text" id="selectname" placeholder="请输入商品名称" value="${search_words}"/>
			<button><a href="javascript:selectname()">搜索</a></button>
			<div style="clear:both;"></div>
		</div>

	</div>
	<div style="clear:both;"></div>
</div>
<div class="nav-box">
	<div class="nav-kuai w1200">
		<div class="nav-kuaijie f-l">
			<a href="JavaScript:;" class="kj-tit1">商品分类快捷</a>
			<div class="kuaijie-box">
				<div class="kuaijie-info">
					<dl class="kj-dl1">
						<dt><a href="selectProductList">全部商品</a></dt>
						<c:forEach var="f" items="${flist}">
							<dt><img src="images/zl2-08.gif"/><a href="selectProductList?fid=${f.EPC_ID }">${f.EPC_NAME }</a></dt>
							<c:forEach var="c" items="${clist}">
								<c:if test="${f.EPC_ID==c.EPC_PARENT_ID}">
									<c:if test="${p.EPC_CHILD_ID!=c.EPC_ID}">
										<dd><a href="selectProductList?cid=${c.EPC_ID }">${c.EPC_NAME }</a><span>|</span></dd>
									</c:if>
								</c:if>
							</c:forEach>
						</c:forEach>
					</dl>
				</div>
				</div>
			</div>
		</div>
		<ul class="nav-font f-l">
			<div style="clear:both;"></div>
		</ul>
		<div style="clear:both;"></div>
	</div>
</div>

<!--banner-->
<div class="banner">
	<ul class="ban-ul1">
		<li><a href="JavaScript:;"><img src="images/banner.png" /></a></li>
	</ul>
	<div class="ban-box w1200">
		<ol class="ban-ol1">
			<li class="current"></li>
			<div style="clear:both;"></div>
		</ol>
	</div>
</div>
<div class="zl-info w1200">
	<div class="zl-title1">
		<h3 class="title1-h3 f-l">1F 今日特价 </h3>
		<div style="clear:both;"></div>
	</div>
	<div class="zl-con">
		<div class="zl-con-left f-l">
			<div class="zl-tu">
				<img src="images/zl2-33.gif" class="zl-img" />
			</div>
			<p class="zl-lp">
				黑色星期五</br>
				优惠力度大
			</p>
		</div>
		<div class="zl-con-right f-l">
			<div class="zl-rbox lihover">
				<div class="rbox-left f-l">
					<div class="rbox-ltop"><img src="images/zl2-48.png" /></div>
					<ul class="rbox-lft">
						<c:forEach var="tp" items="${tlist}">
							<li>
								<a href="selectProductView?id=${tp.EP_ID }" target="_blank" class="a1">${tp.EP_NAME }</a>
								<p>￥${tp.EP_PRICE }.00</p>
								<a href="selectProductView?id=${tp.EP_ID }" target="_blank" class="a2"><img width="150px" height="150px" src="images/product/${tp.EP_FILE_NAME }" /></a>
							</li>
						</c:forEach>
						<div style="clear:both;"></div>
					</ul>
				</div>
				<div style="clear:both;"></div>
				<div style="clear:both;"></div>
			</div>
		</div>
		<div style="clear:both;"></div>
	</div>
</div>
<!--2F  热卖推荐-->
<div class="zl-info w1200">
	<div class="zl-title1" style="border-color:#FF9A02;">
		<h3 class="title1-h3 f-l">2F  热卖推荐</h3>
		<div style="clear:both;"></div>
	</div>
	<div class="zl-con">
		<div class="zl-con-left f-l" style="background:#FBEAD0;">
			<div class="zl-tu">
				<img src="images/zl2-34.gif" class="zl-img" />
			</div>
			<p class="zl-lp" style="color:#FF9901;">
				周末，嗨起来</br>
				兄弟，躁起来
			</p>
		</div>
		<div class="zl-con-right f-l">
			<ul class="zl-rul1 lihover">
				<c:forEach var="hotp" items="${hlist}">
					<li>
						<a href="selectProductView?id=${hotp.EP_ID }" target="_blank" class="a1">${hotp.EP_NAME}</a>
						<p>￥${hotp.EP_PRICE }.00</p>
						<a href="selectProductView?id=${hotp.EP_ID }" target="_blank" class="a2"><img width="150px" height="150px" src="images/product/${hotp.EP_FILE_NAME }" /></a>
					</li>
				</c:forEach>
			</ul>
		</div>
		<div style="clear:both;"></div>
	</div>
</div>
<!--底部一块-->
<div class="footer-box">
	<ul class="footer-info1 w1200">
		<li>
			<div class="ft-tu1">
				<a href="JavaScript:;"><img src="images/zl2-86.gif" /></a>
			</div>
			<h3><span>号码保障</span></h3>
			<P>所有会员，手机短信验证</P>
		</li>
		<li>
			<div class="ft-tu1">
				<a href="JavaScript:;"><img src="images/zl2-87.gif" /></a>
			</div>
			<h3><span>6*12小时客服</span></h3>
			<P>有任何问题随时免费资讯</P>
		</li>
		<li>
			<div class="ft-tu1">
				<a href="JavaScript:;"><img src="images/zl2-88.gif" /></a>
			</div>
			<h3><span>专业专攻</span></h3>
			<P>我们只专注于销售行业的信息服务</P>
		</li>
		<li>
			<div class="ft-tu1">
				<a href="JavaScript:;"><img src="images/zl2-89.gif" /></a>
			</div>
			<h3><span>注册有礼</span></h3>
			<P>随时随地注册有大礼包</P>
		</li>
		<li>
			<div class="ft-tu1">
				<a href="JavaScript:;"><img src="images/zl2-90.gif" /></a>
			</div>
			<h3><span>值得信赖</span></h3>
			<P>专业的产品，专业的团队</P>
		</li>
		<div style="clear:both;"></div>
	</ul>
	<div class="footer-info3 w1200">
		<p>
			<span>免责条款</span><span>|</span>
			<span>隐私保护</span><span>|</span>
			<span>咨询热点</span><span>|</span>
			<span>联系我们</span><span>|</span>
			<span>公司简介</span>
		</p>
		<p>
			<span>营业执照</span><span>|</span>
			<span>互联网药品信息服务资格证</span><span>|</span>
			<span>互联网药品交易服务资格证</span>
		</p>
		<div class="ft-if3-tu1">
			<span><img src="images/zl2-91.gif" /></span>
			<span><img src="images/zl2-92.gif" /></span>
			<span><img src="images/zl2-93.gif" /></span>
		</div>
	</div>
</div>
</body>
</html>



<%--<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>绿色的生活服务平台购物商城</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/zhonglingxm2.css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/zhonglin.js"></script>
	<script type="text/javascript" src="js/zhongling2.js"></script>
	<script language="javascript">

		function ScrollImgLeft(){
			var speed=20
			var scroll_begin = document.getElementById("scroll_begin");
			var scroll_end = document.getElementById("scroll_end");
			var scroll_div = document.getElementById("scroll_div");
			scroll_end.innerHTML=scroll_begin.innerHTML
			function Marquee(){
				if(scroll_end.offsetWidth-scroll_div.scrollLeft&lt;=0)
					scroll_div.scrollLeft-=scroll_begin.offsetWidth
				else
					scroll_div.scrollLeft++
			}
			var MyMar=setInterval(Marquee,speed)
			scroll_div.onmouseover=function() {clearInterval(MyMar)}
			scroll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
		}
		function selectname(){
			var name = document.getElementById("selectname").value;
			location.href='selectProductList?name='+name;
		}
		function searchHot(name){
			location.href='selectProductList?name='+name;
		}
	</script>
</head>
<body>
<!--header-->
<div class="zl-header">
	<div class="zl-hd w1200">
		<p class="hd-p1 f-l">
			Hi!您好，欢迎来到商城
		</p>
		<a href="in.jsp">模拟首页</a>
		<a href="login1.jsp">模拟登录</a>
		<p class="hd-p2 f-r">
			<c:if test="${name!=null}"><a href="selectdd?dd=${name.EU_USER_ID }">个人订单</a></c:if><c:if test="${name!=null}">当前用户${name.EU_USER_ID }</c:if><a href="ShopSelect" class="shopping">购物车</a><c:if test="${name==null}"><a href="login.jsp">登录</a>|<a href="register.jsp">注册</a></c:if><c:if test="${name!=null}"><a href="zx">退出</a></c:if><c:if test="${name.EU_STATUS==2}"><a href="manage/index.jsp" >去后台</a></c:if>
		</p>
		<div style="clear:both;"></div>
	</div>
</div>
<!--logo search weweima-->
<div class="logo-search w1200">
	<div class="logo-box f-l">

	</div>
	<div class="erweima f-r">

	</div>
	<div class="search f-r">
		<div class="search-info">
			<ul>
				<li class="last"><input type="text" placeholder="请输入商品名称" id="selectname" value="${search_words}" /></li>
				&lt;%&ndash;<a href="javascript:selectname()">搜索</a>&ndash;%&gt;
				<button onclick="javascript:selectname()">搜索</button>
			</ul>
			<div style="clear:both;"></div>
		</div>

	</div>
	<div style="clear:both;"></div>
</div>

</body>
</html>--%>
